.box {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.cx_login {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  // background: url("../../../public/cx/login/bg.jpg") no-repeat;
  // background-size: 100% 100%;
  position: absolute;
  top: 0;
  #basic {
    width: 420px;
    height: 360px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .ant-form-item-control {
    margin-left: 0;
  }
  .login {
    text-align: center !important;
  }
  .ant-input-affix-wrapper {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ccc;
  }
  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #ccc;
  }
  .ant-input-affix-wrapper:focus,
  .ant-input-affix-wrapper-focused {
    box-shadow: none;
  }
  .ant-input-affix-wrapper:hover {
    background-color: transparent;
    box-shadow: none;
  }
  .ant-input {
    background-color: transparent;
    color: #fff;
  }
  .ant-input-affix-wrapper > input.ant-input {
    background-color: transparent;
  }
  .ant-form-item-has-error .ant-input,
  .ant-form-item-has-error .ant-input-affix-wrapper,
  .ant-form-item-has-error .ant-input:hover,
  .ant-form-item-has-error .ant-input-affix-wrapper:hover {
    background-color: transparent;
    border-color: #ccc;
  }
  .ant-form-item-has-error .ant-input:focus,
  .ant-form-item-has-error .ant-input-affix-wrapper:focus,
  .ant-form-item-has-error .ant-input-focused,
  .ant-form-item-has-error .ant-input-affix-wrapper-focused {
    border-color: #ccc;
  }
  .ant-form-item-has-error .ant-input:focus,
  .ant-form-item-has-error .ant-input-affix-wrapper:focus,
  .ant-form-item-has-error .ant-input-focused,
  .ant-form-item-has-error .ant-input-affix-wrapper-focused {
    box-shadow: none;
  }
  .ant-input-password-icon {
    color: #fff;
  }
  .ant-input-password-icon:hover {
    color: #fff;
  }
  .ant-checkbox + span {
    color: #fff;
  }
  .ant-input-prefix {
    color: #fff;
  }

  .formBox {
    width: 330px;
    height: 250px;
    margin-left: 45px;
    padding: 28px 12px;
    color: #ffffff;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    z-index: 9;
    background: rgba($color: #000000, $alpha: 0.3);
  }
  .login_title {
    user-select: none;
    width: 450px;
    text-align: left;

    img {
      width: 400px;
    }

    h3 {
      color: #fff;
      font-weight: 600;
      font-size: 20px;
      text-align: center;
      margin-bottom: 30px;
      width: 90%;
      font-size: 24px;
    }
  }
  .ant-form-item-control-input {
    width: 300px;
  }
  .ant-btn {
    width: 300px;
    height: 40px;
  }
  .canvas {
    width: 500px;
    height: 500px;
  }
}
// 画布
.circle {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
